import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import Layout from './layouts/Layout'
import Dashboard from './pages/Dashboard'
import ResourceLibrary from './pages/ResourceLibrary'
import ResourceImport from './pages/ResourceImport'
import ResourceDetail from './pages/ResourceDetail'
import Settings from './pages/Settings'
import MeetingCreate from './pages/MeetingCreate'
import MeetingRecord from './pages/MeetingRecord'
import './App.css'

function App() {
  return (
    <Router>
      <Layout>
        <Routes>
          <Route path="/" element={<Dashboard />} />
          <Route path="/dashboard" element={<Dashboard />} />
          <Route path="/resource-library" element={<ResourceLibrary />} />
          <Route path="/resource-import" element={<ResourceImport />} />
          <Route path="/resource/:id" element={<ResourceDetail />} />
          <Route path="/settings" element={<Settings />} />
          <Route path="/meeting/create" element={<MeetingCreate />} />
          <Route path="/meeting/record/:id" element={<MeetingRecord />} />
        </Routes>
      </Layout>
    </Router>
  )
}

export default App
